 .pc {
     display: none;
 }

 body {
     background: #feea11;
 }

 .M {
     padding-bottom: 100px/0.64*0.47333;
 }

 .option {
     background: #fff;
     div {
         width: 708px/0.64*0.47333;
         height: 90px/0.64*0.47333;
         font-size: 0;
         margin-top: -1px;
         margin: 0 auto;
         >a {
             width: 25%;
             line-height: 90px/0.64*0.47333;
             display: inline-block;
             vertical-align: middle;
             font-size: 25px/0.64*0.47333;
             text-align: center;
             color: #bebebe;
         }
         .option-zhong {
             color: #f73131;
         }
     }
 }

 .m-former {
     height: 500px/0.64*0.47333;
     >div:nth-of-type(1) {
         padding-top: 70px/0.64*0.47333;
         text-align: center;
         img {
             width: 410px/0.64*0.47333;
         }
     }
     >div:nth-of-type(2) {
         width: 708px/0.64*0.47333;
         margin: 90px/0.64*0.47333 auto 0;
         font-size: 0;
         >span {
             display: inline-block;
             vertical-align: bottom;
             margin-left: 55px/0.64*0.47333;
             width: 162px/0.64*0.47333;
             height: 153px/0.64*0.47333;
             background-color: #feac11;
             border-radius: 15px/0.64*0.47333;
             >p:nth-of-type(1) {
                 margin-top: -100px/0.64*0.47333;
                 text-align: center;
                 span {
                     display: inline-block;
                     width: 97px/0.64*0.47333;
                     height: 40px/0.64*0.47333;
                     background-color: #feac11;
                     border-radius: 20px/0.64*0.47333;
                     text-align: center;
                     line-height: 40px/0.64*0.47333;
                     font-size: 25px/0.64*0.47333;
                     color: #ffffff;
                 }
             }
             >p:nth-of-type(2) {
                 margin-top: 25px/0.64*0.47333;
                 text-align: center;
                 img {
                     border: 2px solid #fff;
                     width: 90px/0.64*0.47333;
                     height: 90px/0.64*0.47333;
                     border-radius: 90px/0.64*0.47333;
                 }
             }
             >p:nth-of-type(3) {
                 margin-top: 15px/0.64*0.47333;
                 text-align: center;
                 font-size: 20px/0.64*0.47333;
                 letter-spacing: 1px;
                 color: #ffffff;
                 white-space: nowrap;
                 overflow: hidden;
                 text-overflow: ellipsis;
             }
             >p:nth-of-type(4) {
                 margin-top: 10px/0.64*0.47333;
                 text-align: center;
                 font-size: 20px/0.64*0.47333;
                 color: #ffffff;
             }
         }
         >span:nth-of-type(2) {
             background: #ff3333;
             height: 178px/0.64*0.47333;
             >p:nth-of-type(1) {
                 >span:nth-of-type(1) {
                     background: #ff3333;
                 }
             }
             >p:nth-of-type(4) {
                 margin-top: 25px/0.64*0.47333;
                 font-size: 29px/0.64*0.47333;
             }
         }
         >span:nth-of-type(3) {
             background: #1cc2a7;
             >p:nth-of-type(1) {
                 >span:nth-of-type(1) {
                     background: #1cc2a7;
                 }
             }
         }
     }
 }

 .m-list {
     width: 708px/0.64*0.47333;
     margin: 0 auto;
     background: #fff;
     padding-top: 100px/0.64*0.47333;
     border-radius: 15px/0.64*0.47333 15px/0.64*0.47333 0 0;
     >div {
         height: 120px/0.64*0.47333;
         border-top: 1px solid #eaeaea;
         font-size: 0;
         >span {
             display: inline-block;
             vertical-align: middle;
         }
         >span:nth-of-type(1) {
             width: 100px/0.64*0.47333;
             line-height: 120px/0.64*0.47333;
             text-align: center;
             font-size: 25px/0.64*0.47333;
             color: #929292;
         }
         >span:nth-of-type(2) {
             img {
                 width: 70px/0.64*0.47333;
                 border-radius: 70px/0.64*0.47333;
             }
         }
         >span:nth-of-type(3) {
             margin-left: 30px/0.64*0.47333;
             line-height: 120px/0.64*0.47333;
             font-size: 20px/0.64*0.47333;
             color: #848484;
             width: 300px/0.64*0.47333;
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;
         }
         >span:nth-of-type(4) {
             margin-right: 60px/0.64*0.47333;
             float: right;
             font-size: 20px/0.64*0.47333;
             color: #848484;
             line-height: 120px/0.64*0.47333;
         }
     }
     >div:nth-of-type(1) {
         border-top: 0;
     }
 }

 .m-fixation {
     box-shadow: 0px/0.64*0.47333 -1px/0.64*0.47333 20px/0.64*0.47333 1px rgba(0, 0, 0, 0.3);
     position: fixed;
     background: #fff;
     width: 100%;
     height: 100px/0.64*0.47333;
     bottom: 0;
     >a {
         display: block;
         width: 708px/0.64*0.47333;
         margin: 0 auto;
         height: 100px/0.64*0.47333;
         font-size: 0;
         >span {
             display: inline-block;
             vertical-align: middle;
         }
         >span:nth-of-type(1) {
             width: 100px/0.64*0.47333;
             line-height: 100px/0.64*0.47333;
             text-align: center;
             font-size: 25px/0.64*0.47333;
             color: #929292;
         }
         >span:nth-of-type(2) {
             img {
                 width: 70px/0.64*0.47333;
                 border-radius: 70px/0.64*0.47333;
             }
         }
         >span:nth-of-type(3) {
             margin-left: 30px/0.64*0.47333;
             line-height: 100px/0.64*0.47333;
             font-size: 20px/0.64*0.47333;
             color: #848484;
             width: 300px/0.64*0.47333;
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;
         }
         >span:nth-of-type(4) {
             margin-right: 60px/0.64*0.47333;
             float: right;
             font-size: 29px/0.64*0.47333;
             color: #0090ff;
             line-height: 100px/0.64*0.47333;
         }
     }
 }